
<div id="loginForm">
    <!-- 登录表单 -->
    <el-form>
    <!-- 登录按钮 -->
    <el-button/>
    <!-- 微信登录图标 -->
    <img/>
</div>
 
    
<!-- 二维码 -->
<wxlogin id="wxLoginForm" style="display:none" 
         :appid="appid" :scope="scope" :redirect_uri="redirect_uri">
</wxlogin>
 
<script>
import wxlogin from 'vue-wxlogin'; // 引入
    
export default {
  name: "Header",
  components: {
     wxlogin  // 声明
  },
  data() {
    return {
      appid:"wx3e8ca314dc147125", // 应用唯一标识，在微信开放平台提交应用审核通过后获得
      scope:"snsapi_login", // 应用授权作用域，网页应用目前仅填写snsapi_login即可
      redirect_uri:"http://x2auj9.natappfree.cc",  //重定向地址，(回调地址)
    };
  },
  methods: {
      goToLoginWX() {
      	document.getElementById("loginForm").style.display = "none";
      	document.getElementById("wxLoginForm").style.display = "block";
    }
  }
}
</script>